<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>恒望科技--有限公司</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="images/h.ico">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<!--头部的结构样式 开始-->
    <header>
            <!--<img src="images/logo.png" alt="" class="left">-->
            <!---->
            <!--<ul class="nav justify-content-end right collapse navbar-collapse" >-->
                <!--<li class="nav-item ni-1">-->
                    <!--<a class="nav-link active" href="#">首页</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">解决方案</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">产品展示</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">客户案例</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">服务中心</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">新闻动态</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">关于我们</a>-->
                <!--</li>-->
                <!--<li class="nav-item ni-2">-->
                    <!--<a class="nav-link" href="#">招贤纳士</a>-->
                <!--</li>-->
            <!--</ul>-->
            <nav class="navbar navbar-expand-lg navbar-light ">
                <div class="container clearfix">
                <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" class="left"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item ni-1">
                        <a class="nav-link active" href="#">首页</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">解决方案</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">产品展示</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">客户案例</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">服务中心</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">新闻动态</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">关于我们</a>
                        </li>
                        <li class="nav-item ni-2">
                        <a class="nav-link" href="#">招贤纳士</a>
                        </li>
                    </ul>
                </div>
                </div>
            </nav>
    </header>
<!--头部的结构 结束-->


<!--轮播图的结构 开始-->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/banner.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/banner.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/banner.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
<!--轮播图的结构 结束-->


<!--main-1的结构 开始-->
<div class="main-1">
    <div class="container clearfix">
        <div class="jjfa clearfix">
            <img src="images/ddp.gif" alt="" class="left">
            <h3 class="left">解决方案</h3>
        </div>
        <div class="solutions">
            <h4>solutions</h4>
        </div>
        <div class="solution">
            <div class="row">
                <div class="col-md-3">
                    <img src="images/shijian.gif" alt="">
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <img src="images/mofabi.gif" alt="">
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
                <div class="col-md-3">
                    <img src="images/dianhua.gif" alt="">
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <img src="images/y.gif" alt="">
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--main-1的结构 结束-->

<!--main-2的结构 开始-->
    <div class="main-2">
        <div class="main2-top">
            <div class="khal clearfix">
                <img src="images/baobao.gif" alt="" class="left">
                <h3 class="left">客户案例</h3>
            </div>
            <div class="Customer Case">
                <h4>Customer Case</h4>
            </div>
        </div>
        <div class="main2-middle clearfix">
            <img src="images/tu-1.jpg" alt="">
            <img src="images/tu-2.jpg" alt="">
            <img src="images/tu-3.jpg" alt="">
            <img src="images/tu-4.jpg" alt="">
            <img src="images/tu-5.jpg" alt="">
            <img src="images/tu-6.jpg" alt="">
            <img src="images/tu-7.jpg" alt="">
            <img src="images/tu-8.jpg" alt="">
        </div>
        <div class="main2-bottom clearfix">
            <div class="left">
                <p>全方位解决方案，为您轻松解决不同问题</p>
                <p>A full range of solutions for you to solve different problems</p>
            </div>
            <div class="right">
                <button class="btn">查看更多》</button>
            </div>
        </div>
    </div>
<!--main-2的结构 结束-->

<!--main-3的结构 开始-->
<div class="main3">
    <div class="container clearfix">
        <div class="xwdt clearfix">
            <img src="images/new.gif" alt="" class="left">
            <h3 class="left">新闻动态</h3>
        </div>
        <div class="hw">
            <h4>Hengwang News</h4>
        </div>
        <div class="knh-1 clearfix left">
            <div class="tu left">
                <img src="images/newtu-1.gif" alt="">
            </div>
            <div class="wenzi left">
                <h5>关于召开年会的通知</h5>
                <p>互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之...</p>
                <a class="btn btn-primary" href="#" role="button">查看更多》</a>
            </div>
        </div>
        <div class="knh-2 clearfix right">
            <div class="tu left">
                <img src="images/newtu-2.gif" alt="">
            </div>
            <div class="wenzi left">
                <h5>关于召开年会的通知</h5>
                <p>互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之...</p>
                <a class="btn btn-primary" href="#" role="button">查看更多》</a>
            </div>
        </div>
    </div>
</div>
<!--main-3的结构 结束-->

<!--main-4的结构 开始-->
<div class="main-4">
    <div class="container">
        <div class="fwkh clearfix">
            <img src="images/sanren.gif" alt="" class="left">
            <h4 class="left">服务客户</h4>
        </div>
        <div class="serve">
            <h5>Serve Customers</h5>
        </div>
        <div class="tu">
            <img src="images/1.png" alt="">
            <img src="images/2.jpg" alt="">
            <img src="images/3.png" alt="">
            <img src="images/4.jpg" alt="">
            <img src="images/5.png" alt="">
            <img src="images/6.png" alt="">
        </div>
    </div>
</div>
<!--main-4的结构 结束-->


<!--footer的结构 开始-->
<div class="footer">
    <div class="container clearfix">
        <div class="footer-left left">
            <h5>联系我们</h5>
            <ul>
                <li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
                <li>电话：18238765101</li>
                <li>传真：（123）456-7890</li>
                <li>邮箱：support@vectorlab.com</li>
                <li><i></i><span>027-82671661</span></li>
            </ul>
        </div>
        <div class="footer-right left">
            <h5>相关链接</h5>
            <ul class="clearfix">
                <li><a href="">解决方案</a></li>
                <li><a href="" class="a2">产品展示</a></li>
                <li><a href="" class="a2">客户案例</a></li>
            </ul>
            <ul class="clearfix">
                <li><a href="">服务中心</a></li>
                <li><a href="" class="a2">关于我们</a></li>
                <li><a href="" class="a2">招贤纳士</a></li>
            </ul>
        </div>
    </div>
</div>
<!--footer的结构 结束-->












<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>